<template>
  <view class="schedule-container">
    <view class="schedule-header">
      <text class="title">大会日程</text>
    </view>
    <view class="schedule-content">
      <!-- 11月07日 -->
      <view class="day-item">
        <text class="day-title">11月07日</text>
        <view class="schedule-item">
          <text class="time">09:00-09:30</text>
          <text class="event">开幕式</text>
          <text class="location">主会场</text>
          <text class="speaker">主持人：张教授</text>
          <text class="content">1. 领导致辞</text>
          <text class="content">2. 大会开幕</text>
        </view>
        <view class="schedule-item">
          <text class="time">09:30-10:30</text>
          <text class="event">主题报告：护理管理学科发展现状与展望</text>
          <text class="location">主会场</text>
          <text class="speaker">主讲人：李教授（北京大学护理学院）</text>
          <text class="content">1. 护理管理学科发展历程</text>
          <text class="content">2. 当前面临的挑战与机遇</text>
          <text class="content">3. 未来发展方向</text>
        </view>
        <view class="schedule-item">
          <text class="time">10:30-12:00</text>
          <text class="event">专题讨论：护理质量管理体系建设</text>
          <text class="location">主会场</text>
          <text class="speaker">主持人：王教授</text>
          <text class="speaker">参与专家：张主任、李主任、刘主任</text>
          <text class="content">1. 护理质量管理标准探讨</text>
          <text class="content">2. 质量改进案例分析</text>
          <text class="content">3. 互动交流</text>
        </view>
      </view>

      <!-- 11月08日 -->
      <view class="day-item">
        <text class="day-title">11月08日</text>
        <view class="schedule-item">
          <text class="time">09:00-10:30</text>
          <text class="event">分论坛一：护理人力资源管理</text>
          <text class="location">分会场A</text>
          <text class="speaker">主持人：陈教授</text>
          <text class="speaker">主讲人：赵教授（复旦大学护理学院）</text>
          <text class="content">1. 护理人力资源配置优化</text>
          <text class="content">2. 护理人员培训与发展</text>
          <text class="content">3. 绩效管理体系建设</text>
        </view>
        <view class="schedule-item">
          <text class="time">10:30-12:00</text>
          <text class="event">分论坛二：护理信息化建设</text>
          <text class="location">分会场B</text>
          <text class="speaker">主持人：刘教授</text>
          <text class="speaker">主讲人：孙教授（浙江大学医学院）</text>
          <text class="content">1. 智慧护理发展趋势</text>
          <text class="content">2. 护理信息系统建设经验分享</text>
          <text class="content">3. 信息化助力护理管理</text>
        </view>
      </view>

      <!-- 11月09日 -->
      <view class="day-item">
        <text class="day-title">11月09日</text>
        <view class="schedule-item">
          <text class="time">09:00-10:30</text>
          <text class="event">优秀论文交流</text>
          <text class="location">主会场</text>
          <text class="speaker">主持人：杨教授</text>
          <text class="content">1. 优秀论文展示</text>
          <text class="content">2. 专家点评</text>
          <text class="content">3. 互动讨论</text>
        </view>
        <view class="schedule-item">
          <text class="time">10:30-12:00</text>
          <text class="event">闭幕式</text>
          <text class="location">主会场</text>
          <text class="speaker">主持人：张教授</text>
          <text class="content">1. 大会总结</text>
          <text class="content">2. 优秀论文颁奖</text>
          <text class="content">3. 闭幕致辞</text>
        </view>
      </view>
      
      <view class="decoration-circle circle-1"></view>
      <view class="decoration-circle circle-2"></view>
      <view class="decoration-circle circle-3"></view>
    </view>
  </view>
</template>

<script setup lang="ts">
// 后续可添加更多功能
</script>

<style lang="scss">
.schedule-container {
  min-height: 100vh;
  background-color: #e6f1fc;
  position: relative;
  overflow: hidden;
  
  .schedule-header {
    background: linear-gradient(135deg, #1e88e5, #1565c0);
    padding: 40rpx 32rpx;
    
    .title {
      color: #ffffff;
      font-size: 36rpx;
      font-weight: 500;
    }
  }
  
  .schedule-content {
    padding: 24rpx;
    position: relative;
    
    .day-item {
      background: #ffffff;
      border-radius: 12rpx;
      padding: 24rpx;
      margin-bottom: 24rpx;
      box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05);
      position: relative;
      z-index: 2;
      
      .day-title {
        font-size: 32rpx;
        color: #333;
        font-weight: 500;
        display: block;
        margin-bottom: 24rpx;
        padding-bottom: 12rpx;
        border-bottom: 1px solid #eee;
      }
      
      .schedule-item {
        padding: 20rpx 0;
        border-bottom: 1px solid #eee;
        
        .time {
          font-size: 28rpx;
          color: #1e88e5;
          display: block;
          margin-bottom: 12rpx;
          font-weight: 500;
        }
        
        .event {
          font-size: 30rpx;
          color: #333;
          display: block;
          margin-bottom: 8rpx;
          font-weight: 500;
        }
        
        .location {
          font-size: 26rpx;
          color: #666;
          display: block;
          margin-bottom: 8rpx;
        }
        
        .speaker {
          font-size: 26rpx;
          color: #666;
          display: block;
          margin-bottom: 8rpx;
        }
        
        .content {
          font-size: 26rpx;
          color: #666;
          display: block;
          margin-bottom: 4rpx;
          padding-left: 20rpx;
          position: relative;
          
          &::before {
            content: "•";
            position: absolute;
            left: 0;
            color: #1e88e5;
          }
        }
      }
    }
    
    .decoration-circle {
      position: absolute;
      border-radius: 50%;
      z-index: 1;
      
      &.circle-1 {
        width: 300rpx;
        height: 300rpx;
        background: rgba(0, 134, 106, 0.05);
        top: -120rpx;
        right: -100rpx;
      }
      
      &.circle-2 {
        width: 200rpx;
        height: 200rpx;
        background: rgba(30, 136, 229, 0.05);
        bottom: 80rpx;
        left: -80rpx;
      }
      
      &.circle-3 {
        width: 160rpx;
        height: 160rpx;
        background: rgba(0, 134, 106, 0.08);
        bottom: 200rpx;
        right: -60rpx;
      }
    }
  }
}
</style> 